<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:gp="http://gp.componentes.jsf"
    xmlns:o="http://omnifaces.org/ui">

<ui:composition template="/WEB-INF/adicional/templates/templateHome.xhtml">
	<ui:define name="tituloPagina">
		Consulta de Clinicas
	</ui:define>
	
	<ui:define name="conteudoCabecalho">
	
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/resources/js/clinica/consultarClinicaFormulario.js"></script>
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/resources/componentes/autoComplete/js/AutoComplete.js"></script>
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/resources/componentes/importacoes/bootstrap-3.3.4-dist/js/bootstrap.js"></script>
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/resources/componentes/importacoes/bootstrap-modal-master/js/bootstrap-modalmanager.js"></script>		 	
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/resources/componentes/importacoes/bootstrap-modal-master/js/bootstrap-modal.js"></script>		
		
		<link type="text/css" rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/componentes/panel/css/panel.css"/>	
		<link type="text/css" rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/css/clinica/consultarClinica.css"/>	
		 
		 	
	</ui:define>
	
	<ui:define name="conteudoCentro">
		<p:panel>
		
			<h:form id="formularioDialog">
				
				<p:confirmDialog global="true" widgetVar="dialogConfirmacaoClinica" id="dialogConfirmacaoClinica" showEffect="bounce"
				hideEffect="explode" message="Deseja realmente excluir?" header="Excluir Clinicas" closable="true">
					
					<p:commandButton value="Sim" action="#{clinica.excluirClinica()}" update=":formularioConsulta" oncomplete="PF('dialogConfirmacaoClinica').hide()"></p:commandButton>
					<p:commandButton value="Não" type="button" onclick="PF('dialogConfirmacaoClinica').hide()"></p:commandButton>
					
				</p:confirmDialog>	
				
				<p:confirmDialog global="true" widgetVar="dialogConfirmacaoEmail" id="dialogConfirmacaoEmail" showEffect="bounce"
				hideEffect="explode" message="Deseja realmente excluir?" header="Excluir Emails" closable="true">
					
					<p:commandButton value="Sim" action="#{clinica.excluirEmail()}" oncomplete="PF('dialogConfirmacaoEmail').hide()" update=":formularioDialog:container"></p:commandButton>
					<p:commandButton value="Não" type="button" onclick="PF('dialogConfirmacaoEmail').hide()"></p:commandButton>
					
				</p:confirmDialog>
				
				<p:confirmDialog global="true" widgetVar="dialogConfirmacaoEndereco" id="dialogConfirmacaoEndereco" showEffect="bounce"
				hideEffect="explode" message="Deseja realmente excluir?" header="Excluir Enderecos" closable="true">
					
					<p:commandButton value="Sim" action="#{clinica.excluirEndereco()}" oncomplete="PF('dialogConfirmacaoEndereco').hide()" update=":formularioDialog:container"></p:commandButton>
					<p:commandButton value="Não" type="button" onclick="PF('dialogConfirmacaoEndereco').hide()"></p:commandButton>
					
				</p:confirmDialog>
				
				<p:confirmDialog global="true" widgetVar="dialogConfirmacaoTelefone" id="dialogConfirmacaoTelefone" showEffect="bounce"
				hideEffect="explode" message="Deseja realmente excluir?" header="Excluir Telefones" closable="true">
					
					<p:commandButton value="Sim" action="#{clinica.excluirTelefone()}" oncomplete="PF('dialogConfirmacaoTelefone').hide()" update=":formularioDialog:container"></p:commandButton>
					<p:commandButton value="Não" type="button" onclick="PF('dialogConfirmacaoTelefone').hide()"></p:commandButton>
					
				</p:confirmDialog>
				
				<p:dialog closable="true" resizable="false" modal="true" widgetVar="dialogDetalhe"
				visible="false" header="Detalhe da Clínica" id="dialog">
					
					<h:panelGrid id="container">
					
					<div>
						<h:outputLabel value="Nome da Clinica: " />
						<h:outputText value="#{clinica.clinicaSelecionadaCon.nomePessoa}" />
					</div>
					
					<div>
						<h:outputText value="CNPJ da Clinica" />
						<h:outputText value="#{clinica.clinicaSelecionadaCon.cnpj}" />
					</div>
					
					<div>
						<p:dataTable value="#{clinica.listaEmailsCon}" var="email" paginator="true" rows="10" emptyMessage="Não há Registros" id="emailTable">
							<p:column headerText="e-Mails" id="emailTable">
								<h:outputText value="#{email.emailClinica}" />
							</p:column>
							<p:column headerText="">
								<h:link outcome="/jsf-pages/paginas/clinica/alterarEmailClinca" value="Alterar">
									<f:param name="idEmail" value="#{email.idEmailClinica}"></f:param>
									<f:param name="action" value="Alterar_Email"></f:param>
								</h:link>
							</p:column>
							
							<p:column>
								<p:commandButton action="#{clinica.receberIdEmail(email)}" value="Excluir" 
								oncomplete="PF('dialogConfirmacaoEmail').show()"></p:commandButton>
							</p:column>
						</p:dataTable>
					</div>
					
				    <div>
						<p:dataTable value="#{clinica.listaTelefonesCon}" var="telefone" paginator="true" rows="10"
						emptyMessage="Não há Registros" id="telefoneTable">
							<p:column headerText="DDD">
								<h:outputFormat value="#{telefone.dddClinica}" />
							</p:column>
							<p:column headerText="Telefones">
								<h:outputText value="#{telefone.telefoneClinica}" />
							</p:column>
							<p:column headerText="Tipo de Telefones">
								<h:outputText value="#{telefone.tipoTelefone.descricao}" />
							</p:column>
							<p:column headerText="">
								<h:link outcome="/jsf-pages/paginas/clinica/alterarTelefoneClinica" value="Alterar">
									<f:param name="idTelefone" value="#{telefone.idTelefoneClinica}"></f:param>
									<f:param name="action" value="Alterar_Telefone"></f:param>
								</h:link>
							</p:column>
							
							<p:column>
								<p:commandButton action="#{clinica.receberIdTelefone(telefone)}" value="Excluir" 
								oncomplete="PF('dialogConfirmacaoTelefone').show()"></p:commandButton>
							</p:column>
						</p:dataTable>
					</div> 
					
					<div>
						<p:dataTable value="#{clinica.listaEnderecosCon}" var="endereco" paginator="true" rows="10"
						emptyMessage="Não há Registro" id="enderecoTable">
							<p:column headerText="Rua">
								<h:outputText value="#{endereco.logradouroClinica}" />
							</p:column>
							<p:column headerText="Bairro">
								<h:outputText value="#{endereco.bairroClinica}" />
							</p:column>
							<p:column headerText="CEP">
								<h:outputText value="#{endereco.cepClinica}" />
							</p:column>
							<p:column headerText="Cidade">
								<h:outputText value="#{endereco.cidade.nomeCidade}" />
							</p:column>
							<p:column headerText="Estado">
								<h:outputText value="#{endereco.cidade.estado.nomeEstado}" />
							</p:column>
							<p:column headerText="">
								<h:link outcome="/jsf-pages/paginas/clinica/alterarEnderecoClinica" value="Alterar">
									<f:param name="idEndereco" value="#{endereco.idEnderecoClinica}"></f:param>
									<f:param name="action" value="Alterar_Endereco"></f:param>
								</h:link>
							</p:column>
							
							<p:column>
								<p:commandButton action="#{clinica.receberIdEndereco(endereco)}" 
								value="Excluir" oncomplete="PF('dialogConfirmacaoEndereco').show()"></p:commandButton>
							</p:column>
						</p:dataTable>
					</div>
					
					</h:panelGrid>
				
				</p:dialog>
				
			</h:form>
			
		 <h:form id="formularioConsulta">
		 
		 		<button id="botaoModal" type="button" class="btn btn-info btn-lg">Open Modal</button>
		 
		 		<gp:panel form="formularioConsulta" modal="true" id="painel">
		 				 		
		 			<gp:header>Cabeçario</gp:header>
		 			<gp:body>Caros amigos, o desenvolvimento contínuo de distintas formas de atuação ainda não demonstrou
		 			 convincentemente que vai participar na mudança das posturas dos órgãos dirigentes com relação 
		 			 às suas atribuições.A prática cotidiana prova que a competitividade nas transações comerciais 
		 			 talvez venha a ressaltar a relatividade do impacto na agilidade decisória. Gostaria de enfatizar 
		 			 que a percepção das dificuldades facilita a criação dos conhecimentos estratégicos para atingir a 
		 			 excelência.Por outro lado, o surgimento do comércio virtual causa impacto indireto na reavaliação 
		 			 das condições financeiras e administrativas exigidas.Do mesmo modo, a necessidade de renovação 
		 			 processual causa impacto indireto na reavaliação do sistema de formação de quadros que corresponde
		 			  às necessidades.O empenho em analisar o início da atividade geral de formação de atitudes auxilia 
		 			  a preparação e a composição dos níveis de motivação departamental.Caros amigos, o desenvolvimento contínuo de distintas formas de atuação ainda não demonstrou
		 			 convincentemente que vai participar na mudança das posturas dos órgãos dirigentes com relação 
		 			 às suas atribuições.A prática cotidiana prova que a competitividade nas transações comerciais 
		 			 talvez venha a ressaltar a relatividade do impacto na agilidade decisória. Gostaria de enfatizar 
		 			 que a percepção das dificuldades facilita a criação dos conhecimentos estratégicos para atingir a 
		 			 excelência.Por outro lado, o surgimento do comércio virtual causa impacto indireto na reavaliação 
		 			 das condições financeiras e administrativas exigidas.Do mesmo modo, a necessidade de renovação 
		 			 processual causa impacto indireto na reavaliação do sistema de formação de quadros que corresponde
		 			  às necessidades.O empenho em analisar o início da atividade geral de formação de atitudes auxilia 
		 			  a preparação e a composição dos níveis de motivação departamental.
		 			</gp:body>
	 					 		
		 		</gp:panel>
		 
		 		<h:outputLabel value="Nome: " for="nomeClinicaPequisa" />
				<gp:autocomplete position="right bottom" minLength="2" disabled="false" delay="200" autoFocus="true" idAutocomplete="nomeClinicaPequisa" form="formularioConsulta" keyField="idPessoa" keyValue="nomePessoa" atributeStatusName="statusPessoa" columnStatusName="tipoStatus" columnStatusValue="1" labelField="nomePessoa" valueField="nomePessoa" className="br.trainee.web.vo.ClinicaVO" columnName="nomePessoa"></gp:autocomplete>
				
				<!-- Componente commandScript da biblioteca omnifaces 
						* name -> nome da função javascript que será criada pelo componente.
						Este função envia os parâmetros por ajax ao ManagedBean (ver AutoComplete.js)
						* action -> funciona como no ajax
						* render -> funciona como no ajax 
				-->
				<o:commandScript name="pesquisarClinica" action="#{clinica.pesquisarClinica}" 
				render=":formularioConsulta:clinicaTable" />
				
				<!--
					<f:ajax event="blur" listener="#{clinica.pesquisarClinica}" render=":formularioConsulta:clinicaTable"></f:ajax>
				
				</h:inputText>
				 -->
				 
				<h:outputLabel value="Cnpj: " for="cnpjClinicaPesquisa" />
				<h:inputText value="#{clinica.cnpjClinicaCon}" id="cnpjClinicaPesquisa" label="Cnpj da Clinica"/>

				<p:dataTable value="#{clinica.listaClinicasCon}" var="cli" paginator="true" rows="10" selectionMode="single"
				emptyMessage="Não há registros" selection="#{clinica.clinicaSelecionadaCon}" rowKey="#{cli.idPessoa}" id="clinicaTable">
				
					<p:ajax event="rowSelect" listener="#{clinica.detalharClinica}" update=":formularioDialog"
					oncomplete="PF('dialogDetalhe').show()"></p:ajax>
					
					<p:column headerText="Nome da Clinica">
						<h:outputText value="#{cli.nomePessoa}" />
					</p:column>	
					
					<p:column headerText="CNPJ da Clinica">
						<h:outputText value="#{cli.cnpj}" />
					</p:column>
					
					<p:column headerText="">
						<h:commandLink value="Alterar" action="#{clinica.abrirTelaAlteracao(cli,'Alterar')}" />
					</p:column>
					
					<p:column>
						<p:commandLink action="#{clinica.receberIdClinica(cli)}" value="Excluir" 
						oncomplete="PF('dialogConfirmacaoClinica').show()"></p:commandLink>
					</p:column>
				
				</p:dataTable>

			</h:form>
		
		</p:panel>
	</ui:define>
</ui:composition>
</html>